//:host /deep/ .ant-tabs-nav-container{padding-left:31px;background: #fff;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.09);}
//:host /deep/ .ant-tabs-nav-wrap{padding-top: 18px;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.09);}
//:host /deep/ .ant-tabs-bar{border-top: 1px solid #E9E9E9;margin-bottom: 0;}
//.ant-layout {border-left: 1px solid #e9e9e9;}
//.ant-menu-inline{border-right: none;}
//.ant-layout-has-sider{padding: 24px;}
//.ant-layout-sider {background: #fff;}
//.nav-text {
//  font-size: 14px;
//  color: #262626;}
//.ant-menu-item-selected {
//  .nav-text {color: #1890FF;}
//}
//.anticon.anticon-menu-fold, .anticon.anticon-menu-unfold {
//  display: block;
//  margin-top: 16px;
//  margin-left: 0;
//  padding: 16px 0 27px 22px;
//  font-size: 20px;
//  font-weight: bold;
//  text-align: left;
//}
//.ant-menu-item i{
//  margin: 0 11px 0 8px;
//  font-size: 16px;
//  color: #262626;
//}
:host /deep/ .ant-tabs-bar {margin-bottom: 0;padding-top: 18px;}
:host /deep/ .ant-btn {
  font-size: 14px;
}
:host /deep/ .ant-tabs-nav .ant-tabs-tab {
  padding-top: 0;
  padding-bottom: 10px;
}

.ant-menu-item .iconfont{margin-right: 8px;}

.search-line {
  position: relative;
  padding: 2px 0;
}
.search-condition-item {
  position: relative;
  display: inline-block;
  .condition-name {
    line-height: 32px;
    font-size: 14px;
    color: #262626;
    margin-right: 20px;
  }
  margin: 20px 35px 20px 0;
  nz-input {
    width: auto;
  }
}
.search-date {
  margin-top: 26px;
  &>div{margin-left: 80px;}
}
.operate-area{
  position: absolute;
  right: 0;
  bottom: 25px;
  button{margin-left: 8px;}
}
.operate {
  margin-left: 5px;
  color: #108EE9;
  font-size: 14px;
  cursor: pointer;
  span {margin-right: 11px;}
}
.operate-line{margin-bottom: 15px;}
.download-progress {
  position: relative;
  left: 22px;
  top: 4px;
  display: inline-block;
  width: 170px;
  vertical-align: bottom;
  .text {font-size: 12px;color: #464646;}
}
.order-type{
  margin-right: 5px;
  display: inline-block;
  width: 66px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #1890FF;
  border-radius: 5px;
  color: #1890FF;
  background: #E6F7FF;
}
.checked-line {
  margin-bottom: 15px;
  padding: 9px 16px;
  background: #E6F7FF;
  font-size: 14px;
  color: #595959;
  border: 1px solid #BAE7FF;
  border-radius: 4px;
  i{
    margin-right: 8px;
    color: #1890FF;
  }
  span {display: inline-block;width: 20px;text-align: center;color: #2798FF;}
  a {margin-left: 25px;color: #2798FF;}
}
.der-type-red {  border: 1px solid #F5222D;color: #F5222D; background: #FFF1F0;}
.der-type-orange {  border: 1px solid #FA541C;color: #FA541C; background: #FFF2E8;}
.der-type-green {  border: 1px solid #52C41A;color: #52C41A; background: #F6FFED;}
.der-type-purple {  border: 1px solid #722ED1;color: #722ED1; background: #F9F0FF;}
.der-type-purple1 {  border: 1px solid #c737af;color: #ce5caf; background: #FFF;}
.der-type-purple2 {  border: 1px solid #ffe503;color: #fde510;background: #fefbea;}

.status-circle {
  margin-right: 8px;
  margin-bottom: 2px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #BFBFBF;
}
.bg-green{background: #52C41A;}
.bg-yellow{background: #FAAD14;}
.bg-blue{background: #1890FF;}
.bg-red{background: #F5222D;}
.ml-40 {margin-left: 40px;}

th span{font-size: 14px;color: #262626;}
td{font-size: 14px;}

.order_sub {
  img {
    float: left;
    margin-left: 16px;
    width: 48px;
    height: 48px;
  }
  &>div{margin-left: 80px;}
}
.order-sub-title {
  margin-bottom: 5px;
  color: #000;
}
.order_sub_tr {background: rgba(0, 0, 0, .05);position: relative;}
.order_sub_tr:nth-child(2n) {background: rgba(0, 0, 0, .03);}
.order_sub_tr:nth-child(2){
  box-shadow:0 4px 4px 0 rgba(0,0,0,.05) inset;
}
.refund-info-item {
  margin-left: 28px;
  line-height: 46px;
  font-size: 16px;
  color: #000000;
  .refund-title {
    margin-right: 10px;
  }
  .refund-info {
    margin-right: 50px;
    display: inline-block;
    input { display: inline-block;width: 380px;}
  }
}
.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-item .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-item .iconfont + span, .ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}
.ant-menu-item .iconfont + span, .ant-menu-submenu-title .iconfont + span {
  transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity:1;
}
.ant-menu-item .iconfont, .ant-menu-submenu-title .iconfont{
  min-width:14px;
  margin-right:8px;
  transition:font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-item .iconfont, .ant-menu-inline-collapsed > .ant-menu-item .iconfont, .ant-menu-vertical.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont{
  font-size:16px;
  line-height:42px;
  margin:0;
}
